<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/index.css" />
		<script src="../js/vue.js"></script>
		<script src="../js/elementui.js"></script>
	</head>
	<body>
		<div id="app">
			<div>
				<template>
					<el-input-number v-model="num" @change="handleChange" :min="1" :max="10"
						label="描述文字"></el-input-number>
				</template>
			</div>
			<hr />

			<div>
				<template>
					<el-input-number v-model="num2" :disabled="true"></el-input-number>
				</template>
			</div>
			<hr />

			<div>
				<template>
					<el-input-number v-model="num1" :step="2"></el-input-number>
				</template>
			</div>
			<hr />

			<div>
				<template>
					<el-input-number v-model="num3" :precision="2" :step="0.1" :max="10"></el-input-number>
				</template>
			</div>
			<hr />

			<div>
				<el-input-number size="mini" v-model="num4"></el-input-number>
			</div>
			<hr />

			<template>
				<el-input-number v-model="num" controls-position="right" @change="handleChange" :min="1"
					:max="10"></el-input-number>
			</template>
		</div>
	</body>
	<script>
		new Vue({
			el: '#app',
			data: {
				num: 1,
				num1: 5,
				num2: 1,
				num3: 1,
			},
			methods: {
				handleChange(value) {
					console.log(value);
				}
			}
		})
	</script>
</html>